<template>
    <div class="supplier-restriction-record">
        <search-form :searchArray="searchArray">
            <el-button type="primary" class="btn search mL20">标记为已处理</el-button>
        </search-form>
        <elTable  @tableData="getList" ref="dataInfo">
                 <el-table-column
                    type="selection"
                    width="55">
                 </el-table-column>
                <el-table-column prop="id" label="药店名称" align="center"></el-table-column>
                <el-table-column prop="group" label="用户名" align="center"></el-table-column>
                <el-table-column prop="group" label="手机号" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="收货地区" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="拟采购药品" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="拟采购数量" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="日期" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="状态" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="备注" align="center"></el-table-column>
                <el-table-column prop="loginTime" label="操作" align="center"></el-table-column>
            </elTable>
    </div>
</template>
<script>
import elTable from "@/components/xForm/elTable"
export default {
    name: 'supplierRestrictionRecord',
    components: {
        elTable
    },
    data () {
        return {
            formData: {
                currentPage: 1,
                pageSize: 10,
            },
            searchArray: [
                {
                    type: "input",
                    placeholder: "请输入药店名称",
                    types: "text",
                    value: "",
                    label: "药店名称"
                },
                {
                    type: "input",
                    placeholder: "请输入用户名",
                    types: "text",
                    value: "",
                    label: "用户名"
                },
                {
                    type: "input",
                    placeholder: "请输入手机号码",
                    types: "text",
                    value: "",
                    label: "手机号码"
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    value: "",
                    label: "状态",
                    list: []
                },
                
                {
                    type: "select",
                    placeholder: "请选择",
                    value: "",
                    label: "收货(省)",
                    list: []
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    value: "",
                    label: "收货(市)",
                    list: []
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    value: "",
                    label: "收货(区)",
                    list: []
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    value: "",
                    label: "收货(道)",
                    list: []
                },
                {
                    type: "datePicker",
                    startText: "开始日期",
                    endText: "结束日期",
                    types: "daterange",
                    value: "",
                    rangeSpeparator: "至",
                    label: '日期'
                },
            ],
        }
    },
     methods: {
        getList(pageNo) {
            let dataInfo = [
                {
                    id: 1,
                    name: "你好",
                    createTime: '1595244696000'
                },
                {
                    id: 2,
                    name: "你好1",
                    createTime: '1595244696000'
                },
            ];
            let total = 10;
            this.$nextTick(() => {
                this.$refs.dataInfo.loadData(dataInfo, total);
            });
        }
    }
}
</script>
<style lang="scss" scoped>
.supplier-restriction-record {
    .search-form {
        margin-bottom: 16px;
    }
}
</style>